<script lang="jsx" setup>
const list = defineModel('list', { type: Array, default: [] });
</script>

<template>
  <div class="tabs-table">
    <table v-if="list.length" class="h-full w-100% table text-center text-22px font-bold">
      <thead class="thead">
        <tr>
          <th class="min-w-75px">序号</th>
          <th>层</th>
          <th class="border-right min-w-75px">类型</th>
          <th class="min-w-500px">规格</th>
          <th class="min-w-215px">物料厚度</th>
          <th class="w-240px">公差</th>
          <th class="w-240px">铜箔类型</th>
        </tr>
      </thead>
      <tbody class="tbody">
        <tr v-for="(item, index) in list" :key="item.showIndex">
          <td>{{ index + 1 }}</td>
          <td>{{ item.data4 }}</td>
          <td>{{ item.data1 }}</td>
          <td>{{ item.data2 }}</td>
          <td>{{ item.data3 }}</td>
          <td>{{ item.data5 }}</td>
          <td>{{ item.data12 }}</td>
        </tr>
      </tbody>
    </table>

    <div v-else class="no-data h-full w-full flex-center"><AEmpty description="暂无数据" /></div>
  </div>
</template>

<style lang="scss" scoped>
.border-radius-50 {
  border-radius: 50%;
}
</style>
